<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <title>Extension Sidebar Dashboard</title>
    <!-- CSS -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="assets/css/style.css" rel="stylesheet"/>
    <link href="assets/css/responsive.css" rel="stylesheet">
    <link rel="stylesheet" href="../../thirdparty/fontawesome/css/all.min.css">
    <script src="assets/js/phoenix.js"></script>
    <script src="assets/js/new-project-more.js"></script>
</head>
<body id="top" onload="init(); initMoreProjects();">
<div class="code-editor-card flex-column-fill">
    <div class="project-top d-flex align-items-center justify-content-between flex-0-1-auto">
        <div class="editor-left d-flex align-items-center">
            <a class="back-btn" href="code-editor.html">
                <svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
                    <path d="M19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11V13ZM5 12L4.29289 11.2929C3.90237 11.6834 3.90237 12.3166 4.29289 12.7071L5 12ZM11.2929 19.7071C11.6834 20.0976 12.3166 20.0976 12.7071 19.7071C13.0976 19.3166 13.0976 18.6834 12.7071 18.2929L11.2929 19.7071ZM12.7071 5.70711C13.0976 5.31658 13.0976 4.68342 12.7071 4.29289C12.3166 3.90237 11.6834 3.90237 11.2929 4.29289L12.7071 5.70711ZM19 11H5V13H19V11ZM12.7071 18.2929L5.70711 11.2929L4.29289 12.7071L11.2929 19.7071L12.7071 18.2929ZM5.70711 12.7071L12.7071 5.70711L11.2929 4.29289L4.29289 11.2929L5.70711 12.7071Z"
                          fill="white"/>
                </svg>

            </a>
            <div class="project-title localize">
                {{CMD_PROJECT_NEW}}
            </div>
        </div>
        <div class="editor-right">
            <button class="close-btn" id="closeDialogueButton">
                <svg fill="none" height="22" viewBox="0 0 22 22" width="22" xmlns="http://www.w3.org/2000/svg">
                    <path d="M16.1616 5.70972L5.70996 16.1613" stroke="white" stroke-linecap="round" stroke-linejoin="round"
                          stroke-width="2"/>
                    <path d="M5.70996 5.70972L16.1616 16.1613" stroke="white" stroke-linecap="round" stroke-linejoin="round"
                          stroke-width="2"/>
                </svg>

            </button>
        </div>
    </div>
    <div class="extension-search d-flex align-items-center forced-hidden flex-0-1-auto">
        <div class="ex-input w-100">
            <input placeholder="Search Here..." type="text">
            <span class="input-addon">
                                        <svg fill="none" height="16" viewBox="0 0 16 16" width="16"
                                             xmlns="http://www.w3.org/2000/svg">
<path d="M15.813 14.8711L11.8369 10.8951C12.9205 9.56987 13.4532 7.87893 13.325 6.17198C13.1967 4.46502 12.4173 2.87267 11.1479 1.72427C9.87853 0.575873 8.21632 -0.0406994 6.50509 0.00208668C4.79386 0.0448727 3.16454 0.743743 1.95414 1.95414C0.743743 3.16454 0.0448727 4.79386 0.00208668 6.50509C-0.0406994 8.21632 0.575873 9.87853 1.72427 11.1479C2.87267 12.4173 4.46502 13.1967 6.17198 13.325C7.87893 13.4532 9.56987 12.9205 10.8951 11.8369L14.8711 15.813C14.9968 15.9344 15.165 16.0015 15.3397 16C15.5143 15.9985 15.6814 15.9284 15.8049 15.8049C15.9284 15.6814 15.9985 15.5143 16 15.3397C16.0015 15.165 15.9344 14.9968 15.813 14.8711ZM6.68251 12.0115C5.62855 12.0115 4.59825 11.6989 3.72191 11.1134C2.84556 10.5278 2.16254 9.69556 1.7592 8.72182C1.35587 7.74808 1.25034 6.6766 1.45595 5.64289C1.66157 4.60917 2.16911 3.65964 2.91437 2.91437C3.65964 2.16911 4.60917 1.66157 5.64289 1.45595C6.6766 1.25034 7.74808 1.35587 8.72182 1.7592C9.69556 2.16254 10.5278 2.84556 11.1134 3.72191C11.6989 4.59825 12.0115 5.62855 12.0115 6.68251C12.0099 8.09535 11.4479 9.44987 10.4489 10.4489C9.44987 11.4479 8.09535 12.0099 6.68251 12.0115Z"
      fill="#D0D0D0"></path>
</svg>

                                    </span>
        </div>
        <button class="btn-search">Search</button>
    </div>
    <div class="editor-project-content d-flex justify-content-between flex-1-1-auto flex-column-fill">
        <div class="project-content-left-full w-100 flex-1-1-auto flex-column-fill">
            <div id="sampleProjectsList" class="project-content-inner new-project-content" style="height: 80%;">
            </div>
        </div>
    </div>
</div>

<!-- Javascript -->
<script src="assets/thirdparty/jquery.min.js"></script>
<script src="assets/thirdparty/Popper.js"></script>
<script src="assets/thirdparty/bootstrap.min.js"></script>
<script src="assets/thirdparty/jquery.easing.min.js"></script>
<script src="assets/thirdparty/main.js"></script>
<script src="assets/thirdparty/perfect-scrollbar.jquery.min.js"></script>
<!-- Appear js -->
<script src="assets/thirdparty/appear.min.js"></script>
</body>
</html>
